<template>
  <div class="top">
    <el-button-group>
  <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
  <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
<input type="text" class="input" v-model="inputValue" placeholder="请输入歌曲">
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    keyup() {
        alert("请输入内容")
    }
  }
}
</script>

<style>
.top{
  display:flex;
  justify-content: space-between;
  align-items:center;

}
 .top{
   width:100%;
   height: 80px;
 }
 .input{
   width: 150px;
   height: 20px;
   background-color: grren;
   border-radius:14px;
   text-indent:1em;
 }
 .el-button-group{
   padding-left:10%;
 }
</style>